//
// import PageView from '../../../static/sys/js/view/PageView'
//
// var Index = PageView.extend({
//   area: "Index",
//
//   initialize: function () {
//
//     // window.yyesn.client.setHeader({title:"会易行"});
//     this.$el.on("click", ".search-header", this.takeModal.bind(this));
//     this.$el.on("click", ".backdrop", this.hideBgModal.bind(this));
//     this.$el.on("click", ".time-ul", this.takeTime.bind(this));
//     this.$el.on("click", ".area-ul", this.takeArea.bind(this));
//     this.modal = {};
//
//   },
//   didRender: function () {
// 
//     this.headerEl = this.el.querySelector(".search-header");
//     this.backdrop = this.$el.find(".backdrop");
//     this.timeEl = this.el.querySelector(".time-ul");
//     this.areaEl = this.el.querySelector(".area-ul");
//     this.headerAreaEl  =  this.el.querySelector(".search-header .area.item label");
//
//     this.modal["time"] = this.el.querySelector(".top-down-modal.time");
//     this.modal["area"] = this.el.querySelector(".top-down-modal.area");
//
//
//     //render
//     this.renderAreaUl();
//     this.renderTimeUl();
//     this.renderHeaderEl();
//     this.renderMeetingList();
//
//   },
//   renderMeetingList: function () {
//     // this.$el.find(".date label").val(new Date().format("yyyy-MM-dd ww"))
//     // this.$el.find(".date label")[0].innerHTML = new Date().format("yyyy-MM-dd ww");
//
//     for (var i = 0; i <9; i++){
//       var div = this.$el.find(".meeting-plate").clone(true)[0];
//       this.$el.find(".meeting-content").append(div);
//     }
//   },
//
//   takeModal: function (e) {
//     var target = e.target;
//     for (; target && target !== this.headerEl; target = target.parentNode) {
//       if (target.classList.contains("item")) {
//         var target_name = target.classList[0];
//         this.currentHeaderEl && this.currentHeaderEl.classList.remove("active");
//         this.currentHeaderEl = target;
//         this.currentHeaderEl.classList.add("active");
//
//         // var preModal = this.currentModal;
//         if (this.currentKey && this.currentKey == target_name) return;
//         this.currentModal && this.currentModal.classList.add("hide");
//         this.currentModal && this.currentModal.classList.remove("active");
//
//
//         this.currentModal = this.modal[target_name];
//         this.currentKey = target_name;
//
//         this.currentModal.classList.remove("hide");
//         setTimeout(function () {
//           this.currentModal.classList.add("active");
//         }.bind(this), 12)
//
//         this.showBgModal();
//         //点击过快 有问题 不适用
//         // if (this.currentModal) {
//         //   var i = 1;
//         //   this.currentModal.addEventListener("webkitTransitionEnd", function (e) {
//         //      if (i > 1) return;
//         //       preModal && preModal.classList.remove("hide");
//         //      i++;
//         //    }.bind(this))
//         // }
//
//
//       }
//     }
//
//   },
//   getDay: function (i) {
//     i = i || 0;
//     var myDate = new Date();
//     myDate.setDate(myDate.getDate() + i);
//     var year = myDate.getFullYear();
//     var mon = myDate.getMonth() + 1;
//     var day = myDate.getDate();
//     var xq = myDate.getDay();
//     if (mon < 10) {
//       mon = "0" + mon
//     }
//     if (day < 10) {
//       day = "0" + day
//     }
//     switch (xq) {
//       case 0:
//         xq = "周日"
//         break;
//       case 1:
//         xq = "周一"
//         break;
//       case 2:
//         xq = "周二"
//         break;
//       case 3:
//         xq = "周三"
//         break;
//       case 4:
//         xq = "周四"
//         break;
//       case 5:
//         xq = "周五"
//         break;
//       case 6:
//         xq = "周六"
//         break;
//       default:
//     }
//     return year + "-" + mon + "-" + day + " " + xq
//   },
//   renderHeaderEl: function () {
//     this.headerTimeEl  =  this.el.querySelector(".search-header .time.item label");
//     this.headerTimeEl.innerText = this.getDay(0);
//   },
//   renderTimeUl: function () {
//     var today = this.getDay();
//     var i = 0, liFrag = document.createDocumentFragment();
//     while ( i < 10) {
//       var li = document.createElement("li");
//       var span = document.createElement("span");
//       var span_icon = document.createElement("span");
//       var time = this.getDay(i);
//       span.innerText = time;
//       span_icon.className = "icon-tick";
//       li.appendChild(span);
//       li.appendChild(span_icon);
//       i == 0 && (li.className = "active") && (this.currentTime = {el: li, time: time});
//       li.setAttribute("data-time", time);
//       liFrag.appendChild(li);
//       i++;
//     }
//     this.timeEl.appendChild(liFrag);
//   },
//   //选择时间
//   takeTime: function (e) {
//     var target = e.target;
//     for (; target && target !== this.timeEl; target = target.parentNode) {
//       if (target.tagName == 'LI') {
//         this.currentTime.el.classList.remove("active");
//         this.currentTime = {el: target, time: target.getAttribute("data-time")};
//         this.currentTime.el.classList.add("active");
//         this.headerTimeEl.innerText = this.currentTime.time;
//         this.hideBgModal();
//       }
//     }
//   },
//   takeArea: function (e) {
//     var target = e.target;
//     for (; target && target !== this.areaEl; target = target.parentNode) {
//       if (target.tagName == 'LI') {
//         this.currentArea && this.currentArea.el.classList.remove("active");
//         this.currentArea = {el: target, id: target.getAttribute("data-id"), name: target.children[0].innerText};
//         this.currentArea.el.classList.add("active");
//         this.headerAreaEl.innerText = this.currentArea.name;
//         this.hideBgModal();
//       }
//     }
//   },
//   renderAreaUl: function () {
//     var options = {
//       service:"GetAllrooms",
//       data:{},
//       success:function(res){
//         console.log(res);
//         var areaList = res.districtlist;
//         var elHtml = [];
//         for (var i = 0; i < areaList.length; i++) {
//           var each = areaList[i];
//           elHtml.push("<li  data-id=" + each.districtID + "><span>" + each.district +"</span><span class='icon-tick'></span></li>");
//         }
//         this.areaEl.innerHTML = elHtml.join("");
//       }.bind(this),
//       error:function(err){
//         console.log(err);
//       }
//     }
//     application.sendAjax(options);
//
//   },
//   showBgModal: function () {
//     this.backdrop.addClass("active");
//   },
//   hideBgModal: function () {
//     this.currentHeaderEl.classList.remove("active");
//     this.currentModal && this.currentModal.classList.remove("active");
//     this.currentKey && (this.currentKey = null);
//     this.backdrop.removeClass("active");
//   },
//   takeareaModal: function () {
//
//   },
//   takeOrderModal: function () {
//
//   },
//   takeFilterModal: function () {
//
//   },
//   takeSearch: function () {
//
//   },
//
//   onResume: function () {
//
//   }
//
//
//
//
// })
//
//
//
//
//
// export default  Index
